<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0，user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/分类.css">
    <link rel="stylesheet" href="../阿里巴巴/iconfont.css">
    <script>
        !(function (win, doc) {
            function setFontSize() {
                var winWidth = window.innerWidth;
                doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + 'px';
            }
            var evt = 'onorientationchange' in win ? 'orientationchange' : 'resize';
            var timer = null;
            win.addEventListener(evt, function () {
                clearTimeout(timer);
                timer = setTimeout(setFontSize, 300);
            }, false);
            win.addEventListener("pageshow", function (e) {
                if (e.persisted) {
                    clearTimeout(timer);
                    timer = setTimeout(setFontSize, 300);
                }
            }, false);
            setFontSize();
        }(window, document));

    </script>
</head>

<body>
    <div class="nav">
        <input type="text" placeholder="手机">
        <span class="iconfont icon-sousuo"></span>
        <span class="iconfont icon-pinglun"></span>
    </div>
    <div class="section">
        <div class="sec-left">
            <li>
                <div></div>
                <span>推荐</span>
            </li>
            <li>
                <div></div>
                <span>小米手机</span>
            </li>
            <li>
                <div></div>
                <span>Redmi手机</span>
            </li>
            <li>
                <div></div>
                <span>黑鲨手机</span>
            </li>
            <li>
                <div></div>
                <span>电视</span>
            </li>
            <li>
                <div></div>
                <span>大家电</span>
            </li>
            <li>
                <div></div>
                <span>电脑办公</span>
            </li>
            <li>
                <div></div>
                <span>小爱音箱</span>
            </li>
            <li>
                <div></div>
                <span>路由器</span>
            </li>
            <li>
                <div></div>
                <span>生活电器</span>
            </li>
            <li>
                <div></div>
                <span>厨房电器</span>
            </li>
            <li>
                <div></div>
                <span>智能穿戴</span>

        </div>
        <div class="sec-right">
            <li>
                <span></span>
                <span>猜你喜欢</span>
                <span></span>
            </li>
            <div class="sec-pic-title">
                <li><img src="../APP图片/j1.png" alt=""></li>
                <li><img src="../APP图片/j3.webp" alt=""></li>
                <li><img src="../APP图片/j4.webp" alt=""></li>
            </div>
            <div class="sec-pic">
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/58b6b7cd244f22d30c34eccf3196f38d.png" alt="">
                    <span>滚筒洗衣机</span>
                </li>
                <li><img src="../APP图片/6dca45286d9d76d1f864a8ecf77f5600.jpg" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
                <li><img src="../APP图片/4a05330038898964f80945746ebeec5b.png" alt="">
                    <span>小米10S</span>
                </li>
            </div>
        </div>
    </div>
    <div class="foot">

        <li><a href="../index.html"><img src="../APP图片/f1.png" alt=""></a>
            <span><a href="../index.html">首页</a> </span>
        </li>
        <li>
            <a href="../分类/分类.html"><img src="../APP图片/f2.png" alt=""></a>
            <span><a href="../分类/分类.html">分类</a> </span>
        </li>
        <li>
            <a href="../米圈/米圈.html"><img src="../APP图片/f3.png" alt=""></a>
            <span><a href="../米圈/米圈.html">米圈</a> </span>
        </li>
        <li>
            <a href="../购物车/购物车.html"><img src="../APP图片/f4.png" alt=""></a>
            <span><a href="../购物车/购物车.html">购物车</a> </span>
        </li>
        <li>
            <a href="../我的/我的.html"><img src="../APP图片/f5.png" alt=""></a>
            <span><a href="../我的/我的.html">我的</a> </span>
        </li>
    </div>
</body>

</html>